<template>
  <!-- <el-container style="height: 100vh">
    <el-aside class="aside"><NavMenu /></el-aside> -->
    <el-container>
      <el-header class="header">
        <Header></Header>
      </el-header>
      <el-main class="main">
        <router-view></router-view>
      </el-main>
      <el-footer>
      <div  style="text-align: center;line-height: 60px;">湖南洛丹伦有限公司提供技术支持</div> </el-footer>
    </el-container>
  <!-- </el-container> -->
</template>
<script lang="ts">
import { defineComponent } from "vue";
import NavMenu from "./NavMenu/index.vue";
import Header from "./Header/index.vue";

export default defineComponent({
  name: "BasicLayout",
  components: { NavMenu, Header },
});
</script>
<style lang="scss" scoped>
.aside{
  width: auto;
}
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 4px rgb(218, 218, 218);
  --el-header-height:80px;
}
.main{
  min-height: calc(100vh - 140px);
}
</style>
